/*菜单*/
.menu-bar{
    -fx-background-color: radial-gradient(center 50% 50%, radius 80% , #004A9E, #0C153C );
    -fx-background-radius: 20;
    -fx-border-color: #5E98D7;
    -fx-border-width: 2px;
    -fx-border-radius: 20;
    -fx-fill:white;
    -fx-text-fill:white;
    -fx-font-size: 17px;
    -fx-alignment: center;
}

/*menu的字体*/
.menu .label{
    -fx-text-fill:white;
}
/*鼠标悬浮在menu上*/
.menu:hover{
    -fx-background-color: #66CCFF;
    -fx-background-radius: 5px;
}
/*被选择的menu*/
.menu:selected{
    -fx-background-color: #66CCFF;
    -fx-background-radius: 5px;
}
/*鼠标悬浮在menu-item上*/
.menu-item:hover{
    -fx-background-color: #66CCFF;
    -fx-background-radius: 5px;
}
/*menu-item的字体*/
.menu-item .label{
    -fx-text-fill:black;
    -fx-font-size: 13px;
}

/*输入框*/
.text-field{
    -fx-background-color: linear-gradient(to right,#10D9F8,#0139C0);
    -fx-border-color: #10D9F8;
    -fx-border-radius:3px;
    -fx-border-width:1px;
    -fx-text-fill:#06163A;
    -fx-font-size: 15px;
    -fx-font-weight: bold;
}
.label-top{
    -fx-text-fill:white;
    -fx-font-size: 17px;
    -fx-font-weight: bold;
}
.text-normal1{
    -fx-fill:black;
    -fx-font-size: 17px;
}
.text-normal2{
    -fx-fill:#66CCFF;
    -fx-font-size: 14px;
}
.text-tip{
    -fx-fill:white;
    -fx-font-weight: bold;
    -fx-font-size: 17px;
}
.text-tip-black{
    -fx-fill:black;
    -fx-font-weight: bold;
    -fx-font-size: 17px;
}
.text-top{
    -fx-fill:white;
    -fx-font-size: 17px;
    -fx-font-weight: bold;
}
.button-normal{
    -fx-background-color: linear-gradient(to bottom , #10D9F8, #0139C0 );
    -fx-background-radius: 5px;
    -fx-text-fill: white;
    -fx-font-size: 15px;
}
.button-title{
    -fx-background-color: transparent;
}
.combo-box-base{
    -fx-background-color: linear-gradient(to right, #10D9F8, #0139C0);
    -fx-border-radius: 5px;
}
.combo-box-base .arrow{
    -fx-background-color: #66CCFF;
}/*
.combo-box .list-cell{
    -fx-background-color: #66CCFF;
}
*/
/*选择内容list，目前只发现为下拉菜单外面的圈*/
.combo-box .combo-box-popup .list-view{
    -fx-background-color:linear-gradient(to right, #10D9F8, #0139C0);
    -fx-border-radius: 5px;
    -fx-border-color: linear-gradient(to right, #10D9F8, #0139C0);
    -fx-border-width: 1px;
}
/*选择内容list的单元*/
.combo-box .combo-box-popup .list-view .list-cell{
    -fx-background-color: linear-gradient(to right, #10D9F8, #0139C0);
    -fx-text-fill: white;
    -fx-font-size: 14px;
}
/*内容被选择时的反应*/
.combo-box .combo-box-popup .list-view .list-cell:hover{
    -fx-background-color: #0139C0;
    -fx-background-radius: 5px;
}
/*combobox的滚动条设置*/
.combo-box .scroll-bar{
    -fx-background-color: #66CCFF;
}
/*combobox的垂直滚动条里面的滚动按钮*/
.combo-box .scroll-bar .thumb{
    -fx-background-color: #0453C2;
}
/*combobox的垂直滚动条里面的上按钮*/
.combo-box .scroll-bar .decrement-button .decrement-arrow{
    -fx-background-color: #0453C2;
}
/*combobox的垂直滚动条里面的下按钮*/
.combo-box .scroll-bar .increment-button .increment-arrow{
    -fx-background-color: #0453C2;
}
/*设置table下面每行的背景颜色*/
.table-view{
    -fx-background-color: linear-gradient(to right,#0E2B6D,#06163A);
}
/*设置table空闲列头的背景颜色*/
.table-view .filler{
    -fx-background-color: linear-gradient(to bottom,#0E2B6D,#06163A);
}
/*TableView的单元，去掉行横线，设置单元背景颜色 */
.table-view .table-row-cell{
    -fx-background-insets: 0px;
    -fx-background-color: linear-gradient(to right,#0E2B6D,#06163A);
}
/*对单元格的字体进行设置*/
.table-view .table-row-cell .text{
    -fx-fill: #66CCFF;
    -fx-font-size: 13px;
}
.table-view .table-row-cell:hover{
    -fx-background-color: #06163A;
}
.table-view .table-row-cell:selected{
    -fx-background-color: #06163A;
}

/*每一列的内容，字体居中*/
.table-view .table-column{
    -fx-alignment: center;
    -fx-font-size: 13px;
}

/*列头颜色*/
.table-view .column-header{
    -fx-background-color: linear-gradient(to bottom,#0E2B6D,#06163A);
}

/*列头字体*/
.table-view .column-header .label{
    -fx-text-fill:#66CCFF;
    -fx-font-weight: 600;
    -fx-font-size: 15px;
}

/*table的列首背景设置，MenuButton的stackpane*/
.table-view .column-header-background .show-hide-columns-button{
    -fx-background-color: linear-gradient(to bottom,#0E2B6D,#06163A);
}
/*table的列首背景设置，MenuButton的+号*/
.table-view .column-header-background .show-hide-columns-button .show-hide-column-image {
    -fx-background-color: #66CCFF;
}

/*TableView的单元之间，竖线 宽度及其颜色*/
.table-row-cell .table-cell {
    -fx-border-color: linear-gradient(to left,#0E2B6D,#06163A);
}


/*table的垂直滚动条设置*/
.table-view .virtual-flow .scroll-bar:vertical{
    -fx-background-color: #0E2B6D;
}
/*table的垂直滚动条里面的滚动按钮*/
.table-view .virtual-flow .scroll-bar:vertical .thumb{
    -fx-background-color: #06163A;
}
/*table的垂直滚动条里面的上按钮*/
.table-view .virtual-flow .scroll-bar:vertical .decrement-button .decrement-arrow{
    -fx-background-color: white;
}
.table-view .virtual-flow .scroll-bar:vertical .decrement-button:hover{
    -fx-background-color: #66CCFF;
}
.table-view .virtual-flow .scroll-bar:vertical .decrement-button:selected{
    -fx-background-color: #66CCFF;
}
/*table的垂直滚动条里面的下按钮*/
.table-view .virtual-flow .scroll-bar:vertical .increment-button .increment-arrow{
    -fx-background-color: white;
}
.table-view .virtual-flow .scroll-bar:vertical .increment-button:hover{
    -fx-background-color: #66CCFF;
}
.table-view .virtual-flow .scroll-bar:vertical .increment-button:selected{
    -fx-background-color: #66CCFF;
}


.scroll-pane{
    -fx-background-color: linear-gradient(to right,#0E2B6D,#06163A);
    -fx-border-color:  linear-gradient(to right,#06163A,#0E2B6D);
    -fx-border-radius: 5px;
}
.scroll-pane .viewport{
    -fx-background-color: linear-gradient(to right,#0E2B6D,#06163A);
}
/*scrollPane的垂直滚动条设置*/
.scroll-pane .scroll-bar:vertical{
    -fx-background-color: #0E2B6D;
}
/*scrollPane的垂直滚动条里面的滚动按钮*/
.scroll-pane .scroll-bar:vertical .thumb{
    -fx-background-color: #06163A;
}
/*scrollPane的垂直滚动条里面的上按钮*/
.scroll-pane .scroll-bar:vertical .decrement-button .decrement-arrow{
    -fx-background-color: white;
}
.scroll-pane .scroll-bar:vertical .decrement-button:hover{
    -fx-background-color: #66CCFF;
}
.scroll-pane .scroll-bar:vertical .decrement-button:selected{
    -fx-background-color: #66CCFF;
}
/*scrollPanescrollPane的垂直滚动条里面的下按钮*/
.scroll-pane .scroll-bar:vertical .increment-button .increment-arrow{
    -fx-background-color: white;
}
.scroll-pane .scroll-bar:vertical .increment-button:hover{
    -fx-background-color: #66CCFF;
}
.scroll-pane .scroll-bar:vertical .increment-button:selected{
    -fx-background-color: #66CCFF;
}
